<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2919057_gphxrro6dmu.css">
    <link rel="stylesheet" href="./css/annimate.css">
</head>

<body>
    <!-- 顶部通栏 -->
    <div class="roof">
        <div class="roof-top container">
            <div class="roof-logo">
                <img src="./images/lo.png" alt="">
            </div>
            <div class="roof-search">
                <a href="#" class="post">职位类型<i class=""></i></a>
                <input type="text" placeholder="搜索职位、公司">
                <a href="#" class="searr">搜索</a>
            </div>
            <div class="roof-enter">
                <li>
                    <input type="tel" placeholder="输入手机号">
                    <input type="text" placeholder="验证码">
                    <input type="button" value="登录/注册">
                </li>
            </div>
        </div>
    </div>
    <!-- 右边导航栏 -->
    <div class="nav">
        <div class="nav-top">
            <li><a href="#" class="iconfont icon-aixin"></a><span>感兴趣</span></li>
            <li><a href="#" class="iconfont icon-xinxi1"></a><span>已投递</span></li>
            <li><a href="#" class="iconfont icon-feiji"></a><span>沟通过</span></li>
            <li><a href="#" class="iconfont icon-wode2"></a><span>面试</span></li>
        </div>
        <div class="nav-bottom">
            <a href="javascript:;" class="iconfont icon-jiantoushang"></a>
            <a href="#">反馈</a>
            <a href="#">微信</a>
            <a href="#">微博</a>
        </div>
    </div>
    <!-- 导航 -->
    
    <header>
        <div class="box container">
            <ul class="left">
                <li class="logo"><a href="#"><img src="./images/lo.png" alt=""></a></li>
                <li class="head"><a href="javascript:;"><i class="iconfont icon-weizhi"></i>北京</a></li>
                <li class="qie"><a href="javascript:;">[切换城市]</a></li>
                <li class="head"><a href="#">首页</a></li>
                <li class="New"><a href="#"><i>New</i>职位</a></li>
                <li><a href="#">公司</a></li>
                <li><a href="#">APP</a></li>
                <li><a href="#">咨询</a></li>
                <li class="hot"><a href="#"><i>hot</i>有了</a></li>
                <li><a href="#">百科</a></li>
            </ul>
            <ul class="right">
                <li><a href="#">上传简历</a></li>
                <li class="hot"><a href="#"><i>hot</i>我要找工作</a></li>
                <li><a href="#">我要应聘</a></li>
                <li class="bood"><a href="#">注册</a></li>
                <li class="bood"><a href="#">登录</a></li>

            </ul>
        </div>
    </header>
    <!-- 注册框 -->
    <div class="midd">
        <div class="box container">
            <div class="box-left">
                <img src="./images/z8p71sj6ny1643173432685.png" alt="">
            </div>
            <div class="box-right">
                <li class="text"><a href="#"><img src="./images/text.png" alt=""></a></li>
                <li>
                    <input type="tel" placeholder="输入手机号">
                    <input type="text" placeholder="验证码">
                    <input type="button" value="登录/注册">
                </li>
            </div>
        </div>
    </div>
    <!-- 搜索框 -->
    <div class="search container">
        <div class="search-pop">
            <a href="#" class="post">职位类型<i class=""></i></a>
            <input type="text" placeholder="搜索职位、公司">
            <a href="#" class="sear">搜索</a>
        </div>
        <ul class="search-push">
            <li class="hot"><a href="#">热门职位</a></li>
            <li><a href="#">java</a></li>
            <li><a href="#">PHP</a></li>
            <li><a href="#">C++</a></li>
            <li><a href="#">web前端</a></li>
            <li><a href="#">iOS</a></li>
            <li><a href="#">Android</a></li>
            <li><a href="#">UI设计师</a></li>
            <li><a href="#">产品运营</a></li>
        </ul>
    </div>
    <!-- 技术类  -->
    <div class="product container">
        <ul class="product-left">
            <li class="jishu">
                <span>技术</span>
                <a href="#">java</a>
                <a href="#">PHP</a>
                <a href="#">web前端</a>
                <a href="#">算法工程师</a>
                <i>></i>
                <div class="box">
                    <h2>web前端</h2>
                    <ul>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <span>技术</span>
                <a href="#">java</a>
                <a href="#">PHP</a>
                <a href="#">web前端</a>
                <a href="#">算法工程师</a>
                <i>></i>
                <div class="box">
                    <h2>算法工程师</h2>
                    <ul>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <span>技术</span>
                <a href="#">java</a>
                <a href="#">PHP</a>
                <a href="#">web前端</a>
                <a href="#">算法工程师</a>
                <i>></i>
                <div class="box">
                    <h2>PHP</h2>
                    <ul>
                        <li><a href="#">java</a></li>
                        <li><a href="#">java</a></li>
                        <li><a href="#">java</a></li>
                        <li><a href="#">java</a></li>
                        <li><a href="#">java</a></li>
                        <li><a href="#">java</a></li>
                        <li><a href="#">java</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <span>技术</span>
                <a href="#">java</a>
                <a href="#">PHP</a>
                <a href="#">web前端</a>
                <a href="#">算法工程师</a>
                <i>></i>
                <div class="box">
                    <h2>java</h2>
                    <ul>
                        <li><a href="#">web前端</a></li>
                        <li><a href="#">web前端</a></li>
                        <li><a href="#">web前端</a></li>
                        <li><a href="#">web前端</a></li>
                        <li><a href="#">web前端</a></li>
                        <li><a href="#">web前端</a></li>
                        <li><a href="#">web前端</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <span>技术</span>
                <a href="#">java</a>
                <a href="#">PHP</a>
                <a href="#">web前端</a>
                <a href="#">算法工程师</a>
                <i>></i>
                <div class="box">
                    <h2>金融</h2>
                    <ul>
                        <li><a href="#">算法工程师</a></li>
                        <li><a href="#">算法工程师</a></li>
                        <li><a href="#">算法工程师</a></li>
                        <li><a href="#">算法工程师</a></li>
                        <li><a href="#">算法工程师</a></li>
                        <li><a href="#">算法工程师</a></li>
                        <li><a href="#">算法工程师</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <span>技术</span>
                <a href="#">java</a>
                <a href="#">PHP</a>
                <a href="#">web前端</a>
                <a href="#">算法工程师</a>
                <i>></i>
                <div class="box">
                    <h2>运营</h2>
                    <ul>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <span>技术</span>
                <a href="#">java</a>
                <a href="#">PHP</a>
                <a href="#">web前端</a>
                <a href="#">算法工程师</a>
                <i>></i>
                <div class="box">
                    <h2>运营</h2>
                    <ul>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                        <li><a href="#">计算</a></li>
                    </ul>
                </div>
            </li>
            <div class="last">
                <a href="#">显示全部职位</a>
            </div>
        </ul>
        <ul class="product-right">
            <li class="pro-left">
                <a href="#" class="one"><img src="./images/0d5e51d0b42a14d2fb1df39069d079bf.png" alt=""></a>
                <a href="#" class="two"><img src="./images/60a79c5ccb983c1c4c40be6d3554da15.jpg" alt=""></a>
            </li>
            <li class="pro-right">
                <a href="#"><img src="./images/format,jpg.jpg" alt=""></a>
                <a href="#"><img src="./images/format,jpg (2).jpg" alt=""></a>
                <a href="#"><img src="./images/format,jpg (4).jpg" alt=""></a>
            </li>
        </ul>
    </div>
    <!-- 热招职位 -->
    <div class="posi container">
        <div class="posi-tion">
            ———热招职位———
        </div>
        <ul class="posi-top">
            <li class="posihead"><a href="#" class="pink">T·互联网</a></li>
            <li><a href="#">金融</a></li>
            <li><a href="#">房地产 建筑</a></li>
            <li><a href="#">教育培训</a></li>
            <li><a href="#">娱乐传媒</a></li>
            <li><a href="#">医疗健康</a></li>
            <li><a href="#">法鲁咨询</a></li>
            <li><a href="#">供应链 物流</a></li>
            <li><a href="#">采购贸易</a></li>
        </ul>
        <ul class="posi-bottom">
            <div class="posi-box">
                <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                    <div class="posi-nei">15-28K·13薪</div>
                </h3>
                <span>成都</span>
                <span>3-5年</span>
                <span>本科</span>
                <li>
                    <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                    <a href="#">华为</a>
                    <a href="#">禁赛康里斯</a>
                    <a href="#">禁赛康里斯</a>
                </li>
            </div>
            <div class="posi-box">
                <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                    <div class="posi-nei">15-28K·13薪</div>
                </h3>
                <span>成都</span>
                <span>3-5年</span>
                <span>本科</span>
                <li>
                    <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                    <a href="#">华为</a>
                    <a href="#">禁赛康里斯</a>
                    <a href="#">禁赛康里斯</a>
                </li>
            </div>
            <div class="posi-box">
                <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                    <div class="posi-nei">15-28K·13薪</div>
                </h3>
                <span>成都</span>
                <span>3-5年</span>
                <span>本科</span>
                <li>
                    <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                    <a href="#">华为</a>
                    <a href="#">禁赛康里斯</a>
                    <a href="#">禁赛康里斯</a>
                </li>
            </div>
        </ul>
        <ul class="posi-bottom">
            <div class="posi-box">
                <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                    <div class="posi-nei">15-28K·13薪</div>
                </h3>
                <span>成都</span>
                <span>3-5年</span>
                <span>本科</span>
                <li>
                    <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                    <a href="#">华为</a>
                    <a href="#">禁赛康里斯</a>
                    <a href="#">禁赛康里斯</a>
                </li>
            </div>
            <div class="posi-box">
                <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                    <div class="posi-nei">15-28K·13薪</div>
                </h3>
                <span>成都</span>
                <span>3-5年</span>
                <span>本科</span>
                <li>
                    <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                    <a href="#">华为</a>
                    <a href="#">禁赛康里斯</a>
                    <a href="#">禁赛康里斯</a>
                </li>
            </div>
            <div class="posi-box">
                <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                    <div class="posi-nei">15-28K·13薪</div>
                </h3>
                <span>成都</span>
                <span>3-5年</span>
                <span>本科</span>
                <li>
                    <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                    <a href="#">华为</a>
                    <a href="#">禁赛康里斯</a>
                    <a href="#">禁赛康里斯</a>
                </li>
            </div>
        </ul>
        <ul class="posi-bottom">
            <div class="posi-box">
                <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                    <div class="posi-nei">15-28K·13薪</div>
                </h3>
                <span>成都</span>
                <span>3-5年</span>
                <span>本科</span>
                <li>
                    <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                    <a href="#">华为</a>
                    <a href="#">禁赛康里斯</a>
                    <a href="#">禁赛康里斯</a>
                </li>
            </div>
            <div class="posi-box">
                <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                    <div class="posi-nei">15-28K·13薪</div>
                </h3>
                <span>成都</span>
                <span>3-5年</span>
                <span>本科</span>
                <li>
                    <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                    <a href="#">华为</a>
                    <a href="#">禁赛康里斯</a>
                    <a href="#">禁赛康里斯</a>
                </li>
            </div>
            <div class="posi-box">
                <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                    <div class="posi-nei">15-28K·13薪</div>
                </h3>
                <span>成都</span>
                <span>3-5年</span>
                <span>本科</span>
                <li>
                    <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                    <a href="#">华为</a>
                    <a href="#">禁赛康里斯</a>
                    <a href="#">禁赛康里斯</a>
                </li>
            </div>
        </ul>
        <div class="posi-bap">
            <li>查看更多</li>

        </div>
    </div>
    <!-- 热门企业 -->
    <div class="posis container">
        <div class="posi-tion">
            ———热门企业———
        </div>
        <ul class="posi-bottomed">
            <ul class="posi-bottom">
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
            </ul>
            <ul class="posi-bottom">
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
            </ul>
            <ul class="posi-bottom">
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
            </ul>
        </ul>
        <ul class="posi-bottomed">
            <ul class="posi-bottom">
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
            </ul>
            <ul class="posi-bottom">
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
            </ul>
            <ul class="posi-bottom">
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
            </ul>
        </ul>
        <ul class="posi-bottomed">
            <ul class="posi-bottom">
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
            </ul>
            <ul class="posi-bottom">
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
            </ul>
            <ul class="posi-bottom">
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
                <div class="posi-box">
                    <h3>大数据开发工程师<i class="iconfont icon-xinxi"></i>
                        <div class="posi-nei">15-28K·13薪</div>
                    </h3>
                    <span>成都</span>
                    <span>3-5年</span>
                    <span>本科</span>
                    <li>
                        <img src="./images/resize,w_60,limit_0 (2).jpg" alt="">
                        <a href="#">华为</a>
                        <a href="#">禁赛康里斯</a>
                        <a href="#">禁赛康里斯</a>
                    </li>
                </div>
            </ul>
        </ul>
        <div class="posi-bap">
            <li>查看更多</li>
        </div>
    </div>
    <div class="foot">
        <div class="footer container">
            <div class="footer-one">
                <span>企业服务</span>
                <ul>
                    <li>
                        <a href="#">职位搜索</a>
                        <a href="#">新闻资讯</a>
                        <a href="#">防骗指南</a>
                    </li>
                </ul>
            </div>
            <div class="footer-two">
                <span>使用与帮助</span>
                <ul>
                    <li>
                        <a href="#">职位搜索</a>
                        <a href="#">新闻资讯</a>
                        <a href="#">防骗指南</a>
                    </li>
                </ul>
            </div>
            <div class="footer-three">
                <span>联系BOSS直聘</span>
                <ul>
                    <li>
                        <a href="#">职位搜索</a>
                        <a href="#">新闻资讯</a>
                        <a href="#">防骗指南</a>
                    </li>
                </ul>
            </div>
            <div class="footer-four">
                <span>BOSS直聘</span>
                <ul>
                    <li>
                        <a href="#">职位搜索</a>
                        <a href="#">新闻资讯</a>
                        <a href="#">防骗指南</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footerbor container">
            <span>Copyright © 2022 BOSS直聘</span>
            <span>京ICP证150923号</span>
            <span>京网文[2020]0399-066 号</span>
            <ul>
                <li>
                    <a href="#"><i class="iconfont icon-weibo"></i></a>
                    <a href="#"><i class="iconfont icon-weixin"></i></a>
                    <a href="#"><i class="iconfont icon-app"></i></a>
                </li>
            </ul>
        </div>
    </div>
    <script src="./js/index.js"></script>
</body>

</html>